<?php if (count($this->images) > 0): ?>
<div id="gallery-photos">
    <div id="gallery" class="content">
        <div id="controls" class="controls"></div>
        <div class="slideshow-container">
            <div id="loading" class="loader"></div>
            <div id="slideshow" class="slideshow"></div>
        </div>
        <div id="caption" class="caption-container"></div>
    </div>
    <div id="thumbs" class="navigation">

        <ul class="thumbs noscript" id="<?= $this->idGalerie ?>" title="<?= $this->reformatText($this->tag->titre) ?>">
            <?php foreach ($this->images as $image) : ?>
                <li>
                    <a class="thumb" href="<?=$this->resizeImage($image->path, 640, 480)?>" title="<?= $this->reformatText($image->titre) ?>">
                        <?=$this->optimizedHtmlImage($image, 100, 75)?>
                    </a>
                    <div class="caption">
                        <div class="image-title"><?= $this->reformatText($image->titre) ?></div>
                        <div class="image-desc"><?= $this->reformatText($image->label) ?></div>
                    </div>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
</div>


<?php else: ?>
    <div class="center">
        <img class="inside" src="/photos/photos.jpg" alt="photos"/>
    </div>
<?php endif ?>

<?php $this->js()
    ->jQueryGalleriffic()
    ->jQueryHistory()
    ->jQueryOpacityRollover()
    ->jQueryMigrate()
    ->addReadyScript("gallery();"); ?>